<!doctype html>
<html class="no-js" lang="">

<head>
  <meta charset="utf-8">
  <title></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="manifest" href="site.webmanifest">
  <link rel="apple-touch-icon" href="icon.png">
  <!-- Place favicon.ico in the root directory -->

  <link rel="stylesheet" href="js/swiper-4.5.0/css/swiper.min.css">
  <link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css">

  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/main.css">

  <meta name="theme-color" content="#fafafa">
  <link rel="stylesheet" href="css/my.css">
</head>

<body>
  <!--[if IE]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
  <![endif]-->

  <div class="container search">
    <input type="text" placeholder="请输入查询内容">
    <button>查询</button>
  </div>

  <div class="container swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <a href="#">
          <img src="img/banner1.jpg">
        </a>
      </div>
      <div class="swiper-slide"><a href="#">
          <img src="img/banner2.jpg">
        </a>
      </div>
      <div class="swiper-slide"><a href="#">
        <img src="img/banner3.jpg">
      </a>
    </div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>

    <!-- 如果需要导航按钮 -->
    <!-- <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div> -->

    <!-- 如果需要滚动条 -->
    <!-- <div class="swiper-scrollbar"></div> -->
  </div>
  <div class="container nav">
      <a href="#" class="nav-item">
          <img src="img/1.jpg" class="nav-item-img">
          <p class="title">fff</p>
        </a>
    <a href="#" class="nav-item">
        <img src="img/2.jpg" class="nav-item-img">
        <p class="title">fff</p>
      </a>
    <a href="#" class="nav-item">
        <img src="img/3.jpg" class="nav-item-img">
        <p class="title">fff</p>
      </a>
    <a href="#" class="nav-item">
      <img src="img/4.jpg" class="nav-item-img">
      <p class="title">fff</p>
    </a>
  </div>

  <div class="container notification">
      <a href="../icon/volume-up" class="content" >
        <i class="fa fa-volume-up icon" aria-hidden="true"></i>
        <span class="title">Example of adsfgadgasdgfsdfhsdfhsf </span>
        <i class="fa fa-angle-right go" aria-hidden="true"></i>
      </a>
  </div>

  <div class="container floor-title">
    <p class="icon"></p>
    <p class="title">最新上架</p>
    <a class="more" href="#"><span>更多...</span></a>
  </div>

  <div class="container floor">
    <a href="#" class="product-item">
      <img src="img/product1.jpeg" alt="" class="product-img">
      <p class="product-name">最新上架最新上架最新上架最新上架最新上架最新上架最新上架</p>
    </a>
    <a href="#" class="product-item">
      <img src="img/product2.jpeg" alt="" class="product-img">
      <p class="product-name">最新上架最新上架最新上架最新上架最新上架最新上架</p>
    </a>
    <a href="#" class="product-item">
      <img src="img/product3.jpeg" alt="" class="product-img">
      <p class="product-name">最新上架最新上架最新上架最新上架最新上架最新上架</p>
    </a>
    <a href="#" class="product-item">
      <img src="img/product4.jpg" alt="" class="product-img">
      <p class="product-name">最新上架</p>
    </a>
  </div>

  
  <div class="container floor-title">
    <p class="icon"></p>
    <p class="title">推荐商品</p>
    <a class="more" href="#"><span>更多...</span></a>
  </div>

  <div class="container floor recommended">
    <a href="#" class="product-item">
      <img src="img/product1.jpeg" alt="" class="product-img">
      <p class="product-name">最新上架最新上架最新上架最新上架最新上架最新上架最新上架</p>
    </a>
    <a href="#" class="product-item">
      <img src="img/product2.jpeg" alt="" class="product-img">
      <p class="product-name">最新上架最新上架最新上架最新上架最新上架最新上架</p>
    </a>
    <a href="#" class="product-item">
      <img src="img/product3.jpeg" alt="" class="product-img">
      <p class="product-name">最新上架最新上架最新上架最新上架最新上架最新上架</p>
    </a>
    <a href="#" class="product-item">
      <img src="img/product4.jpg" alt="" class="product-img">
      <p class="product-name">最新上架</p>
    </a>
    <a href="#" class="product-item">
      <img src="img/product5.jpeg" alt="" class="product-img">
      <p class="product-name">最新上架</p>
    </a>
    <a href="#" class="product-item">
      <img src="img/product6.jpeg" alt="" class="product-img">
      <p class="product-name">最新上架</p>
    </a>
  </div>

  <script src="js/vendor/modernizr-3.7.1.min.js"></script>
  <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
  <!-- <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> -->
  <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script>
  <script src="js/swiper-4.5.0/js/swiper.min.js"></script>

  <script src="js/plugins.js"></script>
  <script src="js/main.js"></script>

  <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
  <!-- <script>
    window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
    ga('create', 'UA-XXXXX-Y', 'auto'); ga('set','transport','beacon'); ga('send', 'pageview')
  </script> -->
  <!-- <script src="https://www.google-analytics.com/analytics.js" async defer></script> -->
</body>

</html>
